<template>
  <!--列表-->
  <div class="list-container">
    <div class="sortList clearfix">
      <div class="center">
        <Swiper />
      </div>
      <div class="right">
        <News />
        <LifeServices />
        <Advert />
      </div>
    </div>
  </div>
</template>

<script setup>
import Swiper from "./Swiper/Swiper.vue";
import News from "./News/News.vue";
import LifeServices from "./LifeServices/LifeServices.vue";
import Advert from "./Advert/Advert.vue";

components: [Swiper, News, LifeServices, Advert];
</script>

<style scoped lang="less">
.list-container {
  width: 1200px;
  margin: 0 auto;
  .sortList {
    height: 464px;
    padding-left: 210px;

    .center {
      box-sizing: border-box;
      width: 740px;
      height: 100%;
      padding: 5px;
      float: left;
    }

    .right {
      float: left;
      width: 250px;
    }
  }
}
</style>
